<template>
    <div class = "entry_box">
        <van-tabs class = "entry_body" v-model="entry_active" color = "#41c1ce" title-active-color="#41c1ec">
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -36px ;"  />攻略</template>
            </van-tab>
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -535px ;" />订酒店</template>
            </van-tab>
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -634px ;" @click="ticket"/>机票火车票</template>
            </van-tab>
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -432px ;"/>社区活动</template>
            </van-tab>
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -333px ;"/>直播</template>
            </van-tab>
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -234px ;"/>自驾</template>
            </van-tab>
            <van-tab class = "entry_item" >
                <template #title> <van-icon style = "background-position: -37px -135px ;" />游记</template>
            </van-tab>   
        </van-tabs> 
    </div>
</template>
<script>
    export default {
        name: 'entryTitle',
        data(){
            return {
                entry_active: 0

            }
        },
        methods:{
            ticket(){
                this.$router.push('/ticket')
            }
        }
    }
</script>

<style lang = "scss" scoped>
   
        
   
</style>
<style>
    .entry_box .entry_body .van-tabs__wrap {
        height: 80px;
    }
    .entry_box .entry_body .van-tabs__wrap .van-tab {
        padding: 0;
    }
    .van-tabs__wrap .van-tab__text {
        width: 90px;
        text-align: center;
    }
    .van-tabs__wrap .van-icon {
        display: block ;
        width: 27px;
        height: 30px;
        margin: 0 auto;
        background: url("../assets/img/entryTitle_icon.png") no-repeat  ;
        background-size: 100px 700px;
    }
</style>
